<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>查看用户角色</title>
    <link rel="stylesheet" type="text/css" href="../lib/ext/resources/css/ext-all-neptune.css"/>
    <script type="text/javascript" src="../lib/ext/ext-all.js"></script>
</head>
<script type="text/javascript">


var user_id = "0";
var _urlparams = Ext.urlDecode(document.URL.split("?")[document.URL.split("?").length - 1]);
if(_urlparams && _urlparams._id){
    user_id =  _urlparams._id;
}


Ext.Loader.setConfig({enabled: true});

Ext.Loader.setPath('Ext.ux', '/ext4/ux/');
Ext.require([
    'Ext.grid.*',
    'Ext.data.*',
    'Ext.util.*',
    'Ext.toolbar.Paging',
    'Ext.ModelManager',
    'Ext.tip.QuickTipManager'
]);

Ext.onReady(function () {
    var win, searchForm;
    Ext.define('RoleModel', {
        extend: 'Ext.data.Model',
        fields: [
            '_id','role_code','role_name'
        ],
        idProperty: '_id'
    });

    // create the Data Store
    var store = Ext.create('Ext.data.Store', {
        pageSize: 20,
        model: 'RoleModel',
        remoteSort: true,
        proxy: {
            type: 'ajax',
            url: '/user/role/list?user_id='+user_id,
            reader: {
                type: 'json',
                root: 'data',
                totalProperty: 'count'
            },
            // sends single sort as multi parameter
            simpleSortMode: true
        },
        sorters: [
            {
                property: 'create_date',
                direction: 'DESC'
            }
        ]
    });

    //关闭窗口
    function doClose(){
        parent.closeWin();
    }



    var grid = Ext.create('Ext.grid.Panel', {
        store: store,
        loadMask: true,
        region: 'center',
        selModel: Ext.create('Ext.selection.CheckboxModel'),
        columns: [
            {
                text: "_id",
                dataIndex: '_id',
                hidden: true,
                sortable: false
            },
            {
                text: "角色编码",
                dataIndex: 'role_code',
                width: 200,
                sortable: true
            },
            {
                text: "角色名称",
                dataIndex: 'role_name',
                width: 200,
                sortable: true
            }
        ],
        // paging bar on the bottom
        bbar: Ext.create('Ext.PagingToolbar', {
            store: store,
            displayInfo: true,
            displayMsg: 'Displaying {0} - {1} of {2}',
            emptyMsg: "没有数据！！！"

        }),
        tbar: [
            {pressed: true,text: "关  闭",handler: doClose,icon : '../img/close.png'}
        ]
    });


    var viewport = new Ext.Viewport({
                layout: 'border',
                renderTo: "topic-grid",
                items: [grid]}
    );



    // trigger the data store load
    store.loadPage(1);
    window.refresh = function(){
        store.loadPage(1);
    }

    window.closeWin = function(){
        win.hide();
    }
});
</script>
<body>
<div id="topic-grid" style="height: 1024px;width:100%"></div>
<p>The js is not minified so it is readable. See <a href="panel.js">panel.js</a>.</p>
</body>
</html>